/*head and foot*/
html,body{
	background:#ececec;
}
.layout,.container{
	background:#fff;
}
.header{
	line-height:48px;
	z-index:9999;
}
.header{
	background:#861f1f;
	color:#fff;
}
.header i, .footer i{
	font-size:20px;
	padding:10px;
}
.header a{
	color:#fffcde;
	background:#861f1f;
}
.header a:hover{
	color:#861f1f;
	background:#ffea00;
}
.header .drop-menu{
	background:#861f1f;
}

/**����ͼ���С**/
.title i{
	font-size:56px;
	padding:10px;
}

.list-img li{
	margin:10px 0px;
}
.list-img li img{
	height:122px;
	overflow:hidden;
}
.list-img li .text{
	height:82px;
	margin:4px 0;
	line-height:24px;
}

.line>*{
	margin-bottom:0;
}
.line-middle>*{
	margin-bottom:4px;
}
.line-big>*{
	margin-bottom:10px;
}
.headof{
	height:160px;
	padding-top:60px;
}
.btns a{
	border:1px solid #ddd;
	padding:8px 12px;
	background:#fcfcfc;
	margin-top:4px;
}

.btns .bg-red{
	background:#bb1200;
}
.btns .bg-yellow{
	background:#ffdc3a;
}
.btns .bg-blue{
	background:#3aabe5;
}
.btns .bg-gray{
	background:#dddddd;
}
.btns .bg-black{
	background:#333;
}
.btns .bg-white{
	background:#fff;
}

.form-x .form-group .label{
	text-align:center;
	line-height:36px;
}
.radio{
	background:#f7f7f7;
}
.radio .active {
	background:#3aabe5;
}
.userlist a{
	background:#f7f7f7;
	margin:10px;
	width:45%;
}
@media (min-width:300px)
{
.userlist a{
		width:45%;
	}
}
@media (min-width:760px){
	.userlist a{
		width:30%;
	}
}
@media (min-width:1000px){
	.userlist a{
		width:22%;
	}
}
@media (min-width:1200px){
	.userlist a{
		width:22%;
	}
}

.userlist img{
	width:100%;
	padding:32px;
}
.userlist h4{
	text-align:center;
	height:56px;
	line-height:56px;
	
}

.f_back,.f_search,.f_list{
	cursor:pointer;
}
.inline{
	display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}